<template>
 <div>
    <p :style="{'background':bgColor}">背景颜色</p>
  <button @click="btn">变色</button>
 </div>
</template>

<script>
//封装一个返回随机颜色字符串的函数, 并且设置p标签的背景色
export default {
  data(){
    return{
      bgColor:"#bfc"
    }
  },
  methods: {
    btn(){
      this.bgColor=`
                 rgb(${Math.floor(Math.random()*255)},${Math.floor(Math.random()*255)},${Math.floor(Math.random()*255)})
      `
    }
  }
}
</script>

<style>

</style>